<template>
  <section>
    <item-info></item-info>

    <div class="introduce">

      <item-browse></item-browse>

      <div class="introduceMain">
        <div class="am-tabs"
             data-am-tabs="">
          <ul class="am-avg-sm-3 am-tabs-nav am-nav am-nav-tabs"
              otop="997.25"
              style="position: static; top: 0px; z-index: 998;">
            <li class="am-active">
              <a href="#">
                <span class="index-needs-dt-txt">宝贝详情</span></a>
            </li>
            <li class="">
              <a href="#">
                <span class="index-needs-dt-txt">全部评价</span></a>
            </li>
          </ul>

          <div class="am-tabs-bd"
               style="touch-action: pan-y; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">

            <div class="am-tab-panel am-fade am-active am-in">
              <item-details></item-details>
            </div>

            <div class="am-tab-panel am-fade">
              <item-comments></item-comments>
            </div>

          </div>
        </div>
      </div>
    </div>
  </section>
</template>

<script>

import ItemInfo from './ItemInfo'
import ItemBrowse from './ItemBrowse'
import ItemDetails from './ItemDetails'
import ItemComments from './ItemComments'

export default {
  name: 'name',
  props: ['id'],
  components: {
    ItemInfo,
    ItemBrowse,
    ItemDetails,
    ItemComments
  }
}
</script>
